<script lang="ts" setup>
import DictData from "./data/index.vue";
import DictType from "./type/index.vue";
import useSettingsStore from "@/store/modules/settings";

const settingsStore = useSettingsStore();
const needTagsView = computed(() => settingsStore.tagsView);
/*点击行*/
const dictTypeRef = ref<string>("");

function getDictType(dictType: string) {
  dictTypeRef.value = dictType;
}
</script>

<template>
  <div :class="{ hasTagsView: needTagsView }" class="main-content">
    <el-row :gutter="6">
      <el-col :span="12">
        <DictType @get-dict-type="getDictType" />
          </el-col>
      <el-col :span="12">
        <DictData v-model:dict-type="dictTypeRef" />
          </el-col>
        </el-row>
        </div>
      </template>

<style lang="scss" scoped>

</style>
